header {
    height: 100px;
    background: rgb(22, 164, 199);
    display:flex;
}

.vue {
    width: 200px;
    height: 200px;
    background: url("../images/vue.png");
    background-size: cover;
    float: left;
}

.react {
    width: 200px;
    height: 200px;
    background: url("../images/react.png");
    background-size: cover;
    float: left;
}

@font-face {
    font-family: "iconfont";
    src: url("../fonts/iconfont.eot");
    src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/iconfont.woff2") format("woff2"),
        url("../fonts/iconfont.woff") format("woff"),
        url("../fonts/iconfont.ttf") format("truetype"),
        url("../fonts/iconfont.svg#iconfont") format("svg");
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
